<template>
  <div class="wrapper_department">
    <overView />
    <!-- 我参与的项目概况 -->
    <customerTable :tableData="tableData" :columns="column" title="我参与的项目概况" />
    <!-- 我参与的项目概况 -->
    <peopleSpend />
    <customerTable class="daily" :tableData="tableData" :columns="dailyColumn" :isPercent="false" title="日报待评审" />
  </div>
</template>
<script>
import overView from './components/overView'
import customerTable from './components/customerTable'
import peopleSpend from './components/peopleSpend'
const column = [
  {
    prop: 'name',
    label: '项目编号'
  },
  {
    prop: 'date',
    label: '项目名称'
  },
  {
    prop: 'date',
    label: '项目周期'
  },
  {
    prop: 'date',
    label: '项目状态'
  }
]
const dailyColumn = [
  {
    prop: 'name',
    label: '成员'
  },
  {
    prop: 'date',
    label: '日报日期'
  }
]
export default {
  components: {
    overView,
    customerTable,
    peopleSpend
  },
  data() {
    return {
      tableData: [
        {
          name: '中科云评测',
          date: '2020-6-30',
          percent: 10

        },
        {
          name: '中科云评测',
          date: '2020-6-30',
          percent: 20
        },
        {
          name: '中科云评测',
          date: '2020-6-30',
          percent: 30
        }
      ],
      column,
      dailyColumn
    }
  }
}
</script>
<style lang="scss" scoped>
.wrapper{
  &_department{
    display: flex;
    flex-direction: column;
    .daily{
      width: 48%;
    }
  }
}
</style>
